<template>
    <div>
        <span>头部区域</span>
        <slot name="header">

        </slot>
        <hr>
        <span>中间区域</span>
       
        <slot name="middle">

        </slot>
        <hr>
        <span>底部区域</span>
        <slot name="bottom">

        </slot>
    </div>
</template>

<script lang='ts' setup>
import {  } from "vue"
    
</script>
 
<style lang = "less" scoped>
    
</style>